<!DOCTYPE HTML>
<html>
<body>
Test that verifies that CSS clip paths apply correctly to canvas elements. The test should show a green square inside a larger yellow square.
<div style="background-color: yellow; width:100px; height:100px">
<canvas id="c" style="-webkit-clip-path: inset(10px);" width="100" height="100"></canvas>
</div>
<script>
    var context = document.getElementById('c').getContext('2d');
    context.fillStyle = 'green';
    context.fillRect(0, 0, 300, 300);
</script>
</body>
</html>
